/* .list li:nth-child(1) {
    background: url(xxx) no-repeat -0px -00px;
}

.list li:nth-child(2) {
    background: url(xxx) no-repeat -0px -40px;
}

.list li:nth-child(3) {
    background: url(xxx) no-repeat -0px -80px;
} */


@for $i from 1 to 10 {
    .list li:nth-child(#{$i}) {
        background: url(xxx) no-repeat -0px -#{$i*40}px;
    }
}

$i: 1;

@while($i <=10) {
    .list li:nth-child(#{$i}) {
        background: url(xxx) no-repeat -0px -#{$i*40}px;
    }

    $i: $i+1;
}

@each $member in (a, b, c, d) {
    .#{$member} {
        background-image: url("/image/#{$member}.jpg");
    }
}

@each $index,
$item in ((1, "1.jpg"),
    (2, "2.webp"),
    (3, "3.webp"),
    (4, "4.webp")) {
    .swiper-item:nth-child(#{$index}) {
        background:url(../imgaes/#{$item}) no-repeat left top;
    }
}